<!--  -->
<template>
    <div class="fly-panel fly-panel-user" pad20>
        <div class="layui-tab layui-tab-brief" lay-filter="user">
          <ul class="layui-tab-title" id="LAY_mine" >
            <li lay-id="info" v-for="(item, index) in list" :key="'setting'+index" >
                <router-link :to="{name: item.link}">{{item.name}}</router-link>
            </li>
            <!-- <li class="layui-this" lay-id="info">我的资料</li> -->
            <!-- <li lay-id="avatar">头像</li>
            <li lay-id="pass">密码</li>
            <li lay-id="bind">帐号绑定</li> -->
          </ul>
          
          <div class="layui-tab-content" style="padding: 20px 0;">
            <router-view></router-view>
          </div>
      </div>
    </div>
</template>

<script>
export default {
    name:'setting',
 data () {
  return {
      list:[
          {
              name: '我的资料',
              link: 'myinfo'
          },
          {
              name: '头像',
              link: 'picupload'
          },
          {
              name: '密码',
              link: 'passwd'
          },
          {
              name: '账号锁定',
              link: 'accounts'
          },
      ]
  };
 },

 components: {},

 computed: {},

 mounted () {},

 methods: {}
}

</script>
<style scoped lang='scss' >
</style>